<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>myshop</title>
    <link href="/index.css" type="text/css" rel="stylesheet"/>
    <link href="/others/zui/dist/css/zui.css" rel="stylesheet">
    <script type="text/javascript" src="/index.js"></script>
    <script type="text/javascript" src="/others/jquery-2.1.4/jquery.js"></script>
    <script type="text/javascript" src="/others/zui/dist/js/zui.js"></script>
    <script type="text/javascript" src="/em/css/pure.css"></script>
    <script type="text/javascript" src="/em/css/base.css"></script>
    <script type="text/javascript" src="/em/css/dialog.css"></script>
    <script type="text/javascript" src="/em/css/formdata.css"></script>
    <script type="text/javascript" src="/em/css/table.css"></script>
</head>
<body >
<div class="background" >
    <nav class="navbar navbar-default" role="navigation">
        <div class="collapse navbar-collapse navbar-collapse-example">
            <!-- 一般导航项目 -->
            <ul class="nav navbar-nav" style="width: 100%">
                <li><a href="your/nice/url">主页</a></li>
                <li><a href="your/nice/url">帮助</a></li>
                <li><a href="your/nice/url">购物车</a></li>
                <li><a href="your/nice/url">收藏夹</a></li>
                <li><a href="your/nice/url">联系我们</a></li>

                <li class="top_weather" style="height: 40px;width: 500px;padding-left: 120px">

                </li>
                <li class="collapse navbar-collapse navbar-collapse-example">
                    <!-- 导航中的表单 -->
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" style="width: 400px" class="form-control" placeholder="搜索">
                        </div>
                        <button type="submit" class="btn btn-default">搜索</button>
                    </form>
                </li>
                <ul class="nav navbar-nav" style="float:right" id="login_ul">
                    <button type="button" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">直接登陆</button>
                    <button type="button" class="btn btn-lg btn-primary" onclick="javascrtpt:window.location.href='./user/html/create.html'">注册</button>
                </ul>
            </ul>
        </div>
    </nav>

    <div id="tbl">


    </div>

    <div class="bottom">
        <div class="bottom_content">网站其他链接</div>
        <nav class="navbar navbar-default" role="navigation" style="padding-bottom: 0">
            <ul class="nav navbar-nav nav-justified">
                <li><a>负责人：胡振</a></li>
                <li><a>前端：何求，褚博</a></li>
                <li><a>后端：胡振，肖聪</a></li>
            </ul>
        </nav>
    </div>
</div>
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">登陆</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal form-condensed" role="form" id="login">
                    <legend>账户登陆</legend>
                    <div class="form-group"><label class="col-md-2 control-label">账户：</label><div class="col-md-4"><input type='text' name='accounts' value='' class="form-control" placeholder="账户："/></div><i class="tishi"></i></div>
                    <div class="form-group"><label class="col-md-2 control-label">密码：</label><div class="col-md-4"><input type='password' name='password' value='' class="form-control" placeholder="密码："/></div><i class="tishi"></i></div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="login()">登陆</button>
                <button type="button" class="btn btn-primary" onclick="javascrtpt:window.location.href='/user/html/create.html'">注册</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/em/handlebars.js"></script>
<script type="text/javascript" src="/em/_e.js"></script>
<script type="text/javascript" src="/em/dialog.js"></script>
<script type="text/javascript" src="/em/table.js"></script>
<script type="text/javascript" src="/em/form.js"></script>
<script type="text/javascript">
    function findWeather() {
        var cityUrl = 'http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js';
        $.getScript(cityUrl, function(script, textStatus, jqXHR) {
            var citytq = remote_ip_info.city ;// 获取城市
            var url = "http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&city=" + citytq + "&day=0&dfc=3";
            var days={
                0:"天",
                1:"一",
                2:"二",
                3:"三",
                4:"四",
                5:"五",
                6:"六",
            }
            $.ajax({
                url : url,
                dataType : "script",
                scriptCharset : "gbk",
                success : function(data) {
                    var _w = window.SWther.w[citytq][0];
                    var _f= _w.f1+"_0.png";
                    if(new Date().getHours() > 17){
                        _f= _w.f2+"_1.png";
                    }
                    var img = "<img width='16px' height='16px' src='http://i2.sinaimg.cn/dy/main/weather/weatherplugin/wthIco/20_20/" +_f
                            + "' />";

                    /*var tq = citytq + " " + img + " " + _w.s1 + " " + _w.t1 + "℃～" + _w.t2 + "℃  " + _w.d1 + _w.p1 + "级";*/
                    var tq= '<span>'+citytq+'</span>'+'<span>'+ _w.s1+'</span>'+'<span>'+ _w.t1 + "℃～" + _w.t2 + "℃  "+'</span>'
                    var myDate = new Date();
                    tq+= '<span>'+(myDate.getMonth()+1)+'月'+myDate.getDate()+'日'+'</span>'+'<span>'+'星期'+days[myDate.getDay()]+'</span>'
                    $('.top_weather').html(tq);

                }
            });
        });
    }
    findWeather()
    check_user()

    loadtbl()
    t.funcs.loadData.call(t)

    function loadtbl(){
        var a= [[1,"是"],[2,"否"]]
        coldefs = [{ seq:0,//在数据[[],[]]中的位置rows[i][seq] 返回值
            render:function(v){ return v},// 这里render是function，它可以组合或变换当前数据行，然后进行显示
            sortable:true, // 可排序 function
            retrievable: false, // 可检索 function
            title:"id", // 列标题
            visible:true, //是否可见
            checkall:false,// 是否可全选
            isID:1,
            name:"id",//和后端对应，FormData里面的key，后端解析时要一致
            type:-1,//-1:不可见 0:input 1:select 2:不可修改input 3:不可修改select（需要跨表转换时）
            data:[]//为select时，这里为需要传入的数据,others里面  如商品，这里应该为商品种类对应的id和name   参考下面种类列
        },
            { seq:1,//在数据[[],[]]中的位置rows[i][seq] 返回值
                render:function(item){return "<b>"+item+"</b>"},// 这里render是function，它可以组合或变换当前数据行，然后进行显示
                sortable:true, // 可排序 function
                retrievable: true, // 可检索 function
                title:"商品名", // 列标题
                visible:true, //是否可见
                name:"name",//和后端对应，FormData里面的key，后端解析时要一致
                type:0,
                data:[]//为select时，这里为需要传入的数据,others里面  如商品，这里应该为商品种类对应的id和name   参考下面种类列
            },
            { seq:2,//在数据[[],[]]中的位置rows[i][seq] 返回值
                render:function(item){return "<b>"+item+"</b>"},// 这里render是function，它可以组合或变换当前数据行，然后进行显示
                sortable:true, // 可排序 function
                retrievable: true, // 可检索 function
                title:"库存", // 列标题
                visible:true, //是否可见
                name:"stock",//和后端对应，FormData里面的key，后端解析时要一致
                type:0,
                data:[]//为select时，这里为需要传入的数据,others里面  如商品，这里应该为商品种类对应的id和name   参考下面种类列
            },
            { seq:3,//在数据[[],[]]中的位置rows[i][seq] 返回值
                render:function(item){
                    for (var i=0;i<this.data.length;i++){
                        if(item==this.data[i][0]) return "<b>"+this.data[i][1]+"</b>"
                    }
                },// 这里render是function，它可以组合或变换当前数据行，然后进行显示
                sortable:true, // 可排序 function
                retrievable: true, // 可检索 function
                title:"商品种类", // 列标题
                visible:true, //是否可见
                name:"comclass",//和后端对应，FormData里面的key，后端解析时要一致
                type:1,
                data:[[0,"零食类"],[1,"日用品类"],[2,"烟酒类"],[3,"饮料类"],[4,"其他类"]]//为select时，这里为需要传入的数据,others里面  如商品，这里应该为商品种类对应的id和name   参考下面种类列
            },
            { seq:4,//在数据[[],[]]中的位置rows[i][seq] 返回值
                render:function(item){return "<b>"+item+"</b>"},// 这里render是function，它可以组合或变换当前数据行，然后进行显示
                sortable:true, // 可排序 function
                retrievable: true, // 可检索 function
                title:"已销售", // 列标题
                visible:true, //是否可见
                name:"sold",//和后端对应，FormData里面的key，后端解析时要一致
                type:0,
                data:[]//为select时，这里为需要传入的数据,others里面  如商品，这里应该为商品种类对应的id和name   参考下面种类列
            },
            { seq:5,//在数据[[],[]]中的位置rows[i][seq] 返回值
                render:function(item){return "<b>"+item+"</b>"},
                sortable:true, // 可排序 function
                retrievable: true, // 可检索 function
                title:"价格", // 列标题
                visible:true, //是否可见
                name:"price",//和后端对应，FormData里面的key，后端解析时要一致
                type:0,
                data:[]//为select时，这里为需要传入的数据,others里面  如商品，这里应该为商品种类对应的id和name   参考下面种类列
            }
        ]

        t = new _e["table"]()
        row_actions =[{cls:"doerow",func:function(tbl,rows){
            if (document.querySelector("#dlgData")) document.querySelector("#dlgData").parentNode.removeChild(document.querySelector("#dlgData"));
            var dlg = _e.dialog({id:"dlgData",width:"500px",
                title:"基本信息修改",
                mainBody:_e["genForm"](coldefs),
                actions:[{id:"btn",title:"确定",func:function(){
                    var data=dlg.querySelectorAll(".form-data")
                    var fd = new FormData(), xhr = new XMLHttpRequest()
                    for(var i=0;i<data.length;i++){
                        fd.append(data[i].name,data[i].value)
                    }
                    xhr.open("POST" ,"/app/sc/updatecoms" , true)
                    xhr.send(fd)
                    xhr.onreadystatechange=function(){
                        if (xhr.readyState==4 && xhr.status==200){
                            var d = eval('('+xhr.responseText+');')
                            alert(d.err)
                        }
                        dlg.parentNode.removeChild(dlg)
                    }
                }}]})
            dlg.show()
            var forms = dlg.querySelector(".main").children[0]
            var form_data = forms.querySelectorAll(".form-data")//获取每个input或者select的DOM对象
            for(var i=0;i<form_data.length;i++){//将原来的数据添加进来，方便对比修改
                form_data[i].value=tbl["data"][rows][i] //将tbl里面的值填入input
            }
        },title:"基本信息"}
        ]
        rows_actions = [{
            func:function(tbl,rows){
                if (document.querySelector("#dlgData")) document.querySelector("#dlgData").parentNode.removeChild(document.querySelector("#dlgData"));
                var dlg = _e.dialog({id:"dlgData",width:"500px",
                    title:"添加商品",
                    mainBody:_e["genForm"](coldefs),
                    actions:[{id:"btn",title:"确定",func:function(){
                        var data=dlg.querySelectorAll(".form-data")
                        var fd = new FormData(), xhr = new XMLHttpRequest()
                        for(var i=0;i<data.length;i++){
                            fd.append(data[i].name,data[i].value)
                        }
                        xhr.open("POST" ,"/app/sc/insertcoms" , true)
                        xhr.send(fd)
                        xhr.onreadystatechange=function(){
                            if (xhr.readyState==4 && xhr.status==200){
                                var d = eval('('+xhr.responseText+');')
                                alert(d.err)
                            }
                            dlg.parentNode.removeChild(dlg)
                        }
                    }}]})
                dlg.show()
            },title:"添加商品"}]

        ext_row = function(rows,i){
            return "this is row "+i
        }
        t.funcs.init.call(t,"tbl",
                coldefs,row_actions,rows_actions,"table","__THE__TABLE__",ext_row,"/app/sc/getcoms")
    }
</script>
</body>
</html>